@charset "utf-8";

html, .normalize,.m9_editor,.m9_editor_box{font-size:14px} /* 1em = 16px */
.normalize,.m9_editor,.m9_editor_box{font-size:14px}

.user_group_1{position:relative;padding:1em;overflow:hidden;height:200px;border-color:#eaeaea}
.user_group_2{position:relative;padding:1em;overflow:hidden;height:170px;border-color:#eaeaea}

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px) {
.user_group_1{height:initial}.user_group_2{height:initial}
}

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:439px){
.user_group_1{border-bottom:1px solid;border-color:#e0e0e0}.user_group_2{border-bottom:1px solid;border-color:#e0e0e0}
}

/* 사용자 박스 정의 */
.user-box-title{position:relative;z-index:10;margin-bottom:1em;line-height:1;}
.user-box-content{position:relative;z-index:10;margin-bottom:1em;font-size:1em;text-align:justify}
.user-box-content2{position:relative;z-index:10;margin-bottom:1em}

/* 원하는 색상을 정의하세요 */
.user-background1{background-color:#f1f1f1;color:#212121;border-color:#212121}
.user-background2{background-color:crimson;color:#fff;border-color:#be1033}
.user-background3{background-color:crimson;color:#fff;border-color:#00838f}

.user-color1,.user-hover1:hover,.user-hover1:focus{background-color:#3f8af9;color:#fff;border-color:#397ce0;text-shadow:0px 0px 2px #2960b2}
.user-color1 a,.user-color1 i{color:#fc7c3d;text-shadow:0px 0px 2px #000}
.user-color2,.user-hover2:hover,.user-hover2:focus{background-color:#ed2344;color:#fff;border-color:#821426;text-shadow:0px 0px 2px #821426}
.user-color2 a,.user-color2 i{color:#aa0443;text-shadow:0px 0px 2px #ffacd6}

.user-btn-color1{background-color:#fff;color:#333;border-color:#999;text-shadow:0px 0px 2px #f2f2f2}

.f-user-color1{color:crimson}